<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'BuyCar.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript" src="js/BuyCar.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>

<script type="text/javascript" src="js/n_nav.js"></script>

<script type="text/javascript" src="js/num.js">
	var jq = jQuery.noConflict();
</script>

<script type="text/javascript" src="js/shade.js"></script>
</head>

<body>
	<!--Begin Header Begin-->
	<div class="soubg">
		<div class="sou">
			<!--Begin 所在收货地区 Begin-->
			<span class="s_city_b"> <span class="fl">送货至：</span> <span
				class="s_city"> <span>四川</span>
					<div class="s_city_bg">
						<div class="s_city_t"></div>
						<div class="s_city_c">
							<h2>请选择所在的收货地区</h2>
							<table border="0" class="c_tab"
								style="width:235px; margin-top:10px;" cellspacing="0"
								cellpadding="0">
								<tr>
									<th>A</th>
									<td class="c_h"><span>安徽</span><span>澳门</span></td>
								</tr>
								<tr>
									<th>B</th>
									<td class="c_h"><span>北京</span></td>
								</tr>
								<tr>
									<th>C</th>
									<td class="c_h"><span>重庆</span></td>
								</tr>
								<tr>
									<th>F</th>
									<td class="c_h"><span>福建</span></td>
								</tr>
								<tr>
									<th>G</th>
									<td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
								</tr>
								<tr>
									<th>H</th>
									<td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
								</tr>
								<tr>
									<th>J</th>
									<td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
								</tr>
								<tr>
									<th>L</th>
									<td class="c_h"><span>辽宁</span></td>
								</tr>
								<tr>
									<th>N</th>
									<td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
								</tr>
								<tr>
									<th>Q</th>
									<td class="c_h"><span>青海</span></td>
								</tr>
								<tr>
									<th>S</th>
									<td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span
										class="c_check">四川</span><span>陕西</span></td>
								</tr>
								<tr>
									<th>T</th>
									<td class="c_h"><span>台湾</span><span>天津</span></td>
								</tr>
								<tr>
									<th>X</th>
									<td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
								</tr>
								<tr>
									<th>Y</th>
									<td class="c_h"><span>云南</span></td>
								</tr>
								<tr>
									<th>Z</th>
									<td class="c_h"><span>浙江</span></td>
								</tr>
							</table>
						</div>
					</div>
			</span>
			</span>
			<!--End 所在收货地区 End-->
			<span class="fr"> <span class="fl">你好,${SHOW_USERNAME}<c:if
						test="${SHOW_USERNAME==null}">请<a href="Login.jsp">登录</a>
					</c:if>&nbsp;<a href="Regist.jsp" style="color:#ff4e00;">免费注册</a>&nbsp;|&nbsp;<a
					href="#">我的订单</a>&nbsp;|
			</span> <span class="ss">
					<div class="ss_list">
						<a href="#">收藏夹</a>
						<div class="ss_list_bg">
							<div class="s_city_t"></div>
							<div class="ss_list_c">
								<ul>
									<li><a href="#">我的收藏夹</a></li>
									<li><a href="#">我的收藏夹</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ss_list">
						<a href="#">客户服务</a>
						<div class="ss_list_bg">
							<div class="s_city_t"></div>
							<div class="ss_list_c">
								<ul>
									<li><a href="#">客户服务</a></li>
									<li><a href="#">客户服务</a></li>
									<li><a href="#">客户服务</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ss_list">
						<a href="#">网站导航</a>
						<div class="ss_list_bg">
							<div class="s_city_t"></div>
							<div class="ss_list_c">
								<ul>
									<li><a href="#">网站导航</a></li>
									<li><a href="#">网站导航</a></li>
								</ul>
							</div>
						</div>
					</div>
			</span> <span class="fl">|&nbsp;关注我们：</span> <span class="s_sh"><a
					href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span> <span
				class="fr">|&nbsp;<a href="#">手机版&nbsp;<img
						src="images/s_tel.png" align="absmiddle" /></a></span>
			</span>
		</div>
	</div>
	<div class="top">
		<div class="logo">
			<a href="Index.html"><img src="images/logo.png" /></a>
		</div>
		<div class="search">
			<form>
				<input type="text" value="" class="s_ipt" /> <input type="submit"
					value="搜索" class="s_btn" />
			</form>
			<span class="fl"><a href="#">咖啡</a><a href="#">iphone 6S</a><a
				href="#">新鲜美食</a><a href="#">蛋糕</a><a href="#">日用品</a><a href="#">连衣裙</a></span>
		</div>
		<%-- <div class="i_car">
			<div class="car_t">
				购物车 [ <span>3</span> ]
			</div>
			<div class="car_bg">
				<!--Begin 购物车未登录 Begin-->
				<div class="un_login">
					<c:if test="${SHOW_USERNAME==null}">
					还未登录！<a href="Login.jsp" style="color:#ff4e00;">马上登录</a> 查看购物车！</c:if>
					<c:if test="${SHOW_USERNAME!=null}">
						<span>你好，${SHOW_USERNAME}</span>
					</c:if>
				</div>
				<!--End 购物车未登录 End-->
				<!--Begin 购物车已登录 Begin-->
				<ul class="cars">
				</ul>
				<div class="price_sum"></div>
				<div class="price_a">
					<a href="BuyCar.jsp">去购物车结算</a>
				</div>
				<!--End 购物车已登录 End-->
			</div>
		</div> --%>
	</div>
	<!--End Header End-->
	<!--Begin Menu Begin-->
	<div class="menu_bg">
		<div class="menu">
			<!--Begin 商品分类详情 Begin-->
			<div class="nav">
				<div class="nav_t">全部商品分类</div>
				<div class="leftNav none">
					<ul>
						<c:forEach var="cate" items="${SHOW_ALL_CATE}">
							<li class="nav1" id='${cate.id}'>
								<div class="fj">
									<span class="n_img"><span></span><img
										src="images/nav1.png" /></span> <span class="fl">${cate.getName()}</span>
								</div>
								<div class="zj">
									<div class="zj_l"></div>
									<div class="zj_r">
										<a href="#"><img src="images/n_img1.jpg" width="236"
											height="200" /></a> <a href="#"><img src="images/n_img2.jpg"
											width="236" height="200" /></a>
									</div>
								</div>
							</li>
						</c:forEach>
					</ul>
				</div>
			</div>
			<!--End 商品分类详情 End-->
			<ul class="menu_r">
				<li><a href="Index.html">首页</a></li>
				<li><a href="Food.html">美食</a></li>
				<li><a href="Fresh.html">生鲜</a></li>
				<li><a href="HomeDecoration.html">家居</a></li>
				<li><a href="SuitDress.html">女装</a></li>
				<li><a href="MakeUp.html">美妆</a></li>
				<li><a href="Digital.html">数码</a></li>
				<li><a href="GroupBuying.html">团购</a></li>
			</ul>
			<div class="m_ad">中秋送好礼！</div>
		</div>
	</div>
	<!--End Menu End-->
	<div class="i_bg">
		<div class="content mar_20">
			<img src="images/img1.jpg" />
		</div>

		<!--Begin 第一步：查看购物车 Begin -->
		<div class="content mar_20">
			<table border="0" class="car_tab"
				style="width:1200px; margin-bottom:50px;" cellspacing="0"
				cellpadding="0">
				<tr>
					<td class="car_th" width="490">商品名称</td>
					<td class="car_th" width="140">属性</td>
					<td class="car_th" width="150">购买数量</td>
					<td class="car_th" width="130">小计</td>
					<td class="car_th" width="140">返还积分</td>
					<td class="car_th" width="150">操作</td>
				</tr>
				<c:forEach var="pr" items="${SHOU_ALL_BUYCAR}" varStatus="count">
					<tr <c:if test = "${count.index%2==1}">class="car_tr"</c:if>>
						<td>
							<div class="c_s_img">
								<img src="images/${pr.getFileName()}" width="73" height="73" />
							</div> ${pr.getName()}
						</td>
						<td align="center">颜色：灰色</td>
						<td align="center">
							<div class="c_num">
								<input type="button" value=""
									onclick="jianUpdate1(jq(this),${pr.id});" class="car_btn_1" />
								<input type="text" value="${pr.getNumber()}" name=""
									class="car_ipt" /> <input type="button" value=""
									onclick="addUpdate1(jq(this),${pr.id});" class="car_btn_2" />

							</div>
						</td>
						<td align="center" style="color:#ff4e00;" class="pric">￥${pr.getPrice()}</td>
						<td align="center">26R</td>
						<td align="center"><a onclick="ShowDiv('MyDiv','fade',${pr.id})">删除</a>&nbsp;
							&nbsp;<a href="#">收藏</a></td>
					</tr>
				</c:forEach>
				<tr height="70" class="zp">
					<!-- <td colspan="6"
						style="font-family:'Microsoft YaHei'; border-bottom:0;"><label
						class="r_rad"><input type="checkbox" name="clear"
							checked="checked" /></label><label class="r_txt">清空购物车</label> <span
						class="fr">商品总价：<b style="font-size:22px; color:#ff4e00;">￥2899</b></span>
					</td> -->
				</tr>
				<tr valign="top" height="150">
					<td colspan="6" align="right"><a href="#"><img
							src="images/buy1.gif" /></a>&nbsp; &nbsp; <a href="BuyCar_Two.jsp"><img
							src="images/buy2.gif" /></a></td>
				</tr>
			</table>

		</div>
		<!--End 第一步：查看购物车 End-->


		<!--Begin 弹出层-删除商品 Begin-->
		<div id="fade" class="black_overlay"></div>
		<div id="MyDiv" class="white_content">
			<div class="white_d">
				<div class="notice_t">
					<span class="fr" style="margin-top:10px; cursor:pointer;"
						onclick="CloseDiv('MyDiv','fade')"><img
						src="images/close.gif" /></span>
				</div>
				<div class="notice_c">

					<table border="0" align="center" style="font-size:16px;"
						cellspacing="0" cellpadding="0">
						<tr valign="top">
							<td>您确定要把该商品移除购物车吗？</td>
						</tr>
						<tr height="50" valign="bottom">
							<td><a href="javascript:;" class="b_sure">确定</a><a href="javascript:;"
								class="b_buy">取消</a></td>
						</tr>
					</table>

				</div>
			</div>
		</div>
		<!--End 弹出层-删除商品 End-->
		<!--Begin Footer Begin -->
		<div class="b_btm_bg bg_color">
			<div class="b_btm">
				<%@include file="../newsPages/element/footImg.html"%>
			</div>
		</div>
		<div class="b_nav">
			<%@include file="../newsPages/element/footer.html"%>
		</div>
		<div class="btmbg">
			<div class="btm">
				<%@include file="../newsPages/element/btmbg.html"%>
			</div>
		</div>
		<!--End Footer End -->
	</div>

</body>
</html>
